在之前的鐵人賽中我們知道了元件的實體狀態、模板等作作用範圍都應該要是獨立的，意味這子元件是無法修改父元件，甚至是另一個元件。
但是當我們分割元件，要重複使用這元件時我們希望這個元件可以依據「外部」傳入的資料來反映出不同的結果，那麼既然不能直接用的話，就需要透過props屬性來引用外部的資料。
我們從這張圖可以看到props屬性宣告要從外部引用進來的屬性名稱，並在外層模板使用內層元件標籤時會以v-bind來將資料傳遞近來。在這裡我們要注意一點，props與子元件的名稱要一樣，不然你會在那傻傻的想為甚麼跑不出來。
補充一下，v-bind是不一定要加的，但是差別在於有加v-bind回傳的是來自外層元件的msg狀態內容，而沒加v-bind而是會收到子元件接收到的會是 "msg" 的「純文字字串」，出現的結果就不一樣了。
今天就先到這了，明天見~
iThome鐵人賽
看影片追技術